<template>
	<view class="history">
		<view class="his-content">
			<view class="cont-title">
				<text>更早观看</text>
			</view>
			<view class="cont-video">
				<view class="video-desc">
					<text>【新手抢跑】23软考
					<!-- <image src="/static/icons/jiantou1.png" class="jiantou"></image> -->
					</text>
					
				</view>
				<view class="video-item"  :key="index" @click="goVideo">
				
						<image src="" mode="aspectFit"></image>
				
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goVideo(){
				uni.navigateTo({
					url: './videoPage/videoPage'
				})
			}
		}
	}
</script>

<style>
page {
	background-color: #f5f6f8;
}
div {
	display: none;
}
</style>

<style lang="scss">
.history{
	background: #FFFFFF;
	.his-content{
		padding: 10px;
		.cont-title{
			font-size: 14px;
			line-height: 14px;
			font-weight: 600;
			padding-bottom: 10px;
			border-bottom: 1px solid #dfdfdf;
		}
		.cont-video{
			margin-top: 10px;
			height: 200px;
			border: 1px solid #dfdfdf;
			border-radius: 4px;
			.video-desc{
				// display: inline-block;
				// position: relative;
				padding: 5px;
				height: 13px;
				border-bottom: 1px solid #dfdfdf;
				font-size: 12px;
				color: #dfdfdf;
				// .jiantou{
				// 	width: 10px;
				// 	height: 10px;
				//  position: absolute;
				//  right: 0;
				// 	margin-right: 20px;
				// 	margin-top: 20px;
				// 	vertical-align: middle;
				// }
			}
			.video-item{
				width: 100%;
				height: 178px;
				// break-inside: avoid;
				// background-color: #fff;
				// border-radius: 12rpx;
				// box-sizing: border-box;
				// margin-bottom: 22rpx;
				// overflow: hidden;
				background-color: #79bbff;
				// image{
				// height: 150px;
				// background-color: #79bbff;
				// }
				.video-thumb{
					// height: 150px;
					
				}
			}
		}
	}
}
</style>
